<template>
	<view>
		<!-- 侧边栏 -->
		<uni-drawer  ref="showRight" mode="left" :mask-click="false" :maskClick="true" :width="280">
			<!-- <scroll-view class="drawer-scroll" :upper-threshold="100" style="height: 500rpx;" scroll-y="true"> -->
			<view class="list-content">
				<uni-list class="list-zhuti">
					<uni-list-item class="list-zhuti-item" link :show-badge="true" badge-text="12" title="我的订单">
						<template class="icons-set" v-slot:header>
							<uni-icons type="cart-filled" size="24"></uni-icons>
						</template>
					</uni-list-item>
					<uni-list-item class="list-zhuti-item" link  title="我的收藏">
						<template class="icons-set" v-slot:header>
							<uni-icons type="heart" size="24"></uni-icons>
						</template>
					</uni-list-item>
					<uni-list-item class="list-zhuti-item" link title="旅行计划">
						<template class="icons-set" v-slot:header>
							<uni-icons type="image-filled" size="24"></uni-icons>
						</template>
					</uni-list-item>
					<uni-list-item class="list-zhuti-item" link title="红包卡券">
						<template class="icons-set" v-slot:header>
							<uni-icons type="gift" size="24"></uni-icons>
						</template>
					</uni-list-item>
					<uni-list-item class="list-zhuti-item" link title="浏览历史">
						<template class="icons-set" v-slot:header>
							<uni-icons type="calendar" size="24"></uni-icons>
						</template>
					</uni-list-item>
				</uni-list>
			</view>
		</uni-drawer>
		
	</view>
</template>

<script>
	export default {
		props:{
		},
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped>
	.list-content{
		height: 750rpx;
		display: flex;
		align-content: center;
	}
	.list-zhuti{
		width: 750rpx;
		justify-content: center;
		align-items: center;
	}
	.list-zhuti-item{
		width: 100%;
		padding: 20rpx 0;
	}
	/* ::v-deep() >>> 改变自定义组件*/
	>>> .uni-list-item__content-title{
		font-size: 38rpx;
		margin-left: 20rpx;
	}

</style>
